.n-page{
	.n-page-back{
		@include n-row1;
		margin-bottom: 7px;
		>span{
			@include n-row1;
			font-size: 14px;
			gap:10px;
			cursor: pointer;
			color: $theme-color;
		}
	}
	.n-page-tag{
		height: 20px;
		font-size: 13px;
		border-radius: 3px;
		border: 1px solid currentcolor;
		color: $theme-text5;
		padding: 0 10px;
		@include n-row2;
		display: inline-flex;
	}
	.n-page-h1{
		@include n-row1;
		margin-bottom: 32px;
		>em{
			flex: 1;
			width: 0;
			font-size: 36px;
			color: $theme-text2;
		}
		>button{
			border-radius: 10px;
			height: 50px;
			font-size: 17px;
			>i{
				font-size: 20px;
			}
		}
	}
	.n-page-h3{
		position: relative;
		margin-bottom: 20px;
		@include n-row1;
		>span{
			flex: 1;
			width: 0;
			color: $theme-text3;
			font-size: 20px;
		}
	}
	.n-page-iconBtn{
		font-size: 20px;
		--size:50px;
		width: var(--size);
		height: var(--size);
		font-weight: bold;
		border-radius: 10px;
		@include n-row2;
		color: $theme-text2;
		background: $theme-bg-white1;
		cursor: pointer;
		&:hover{
			background:  $theme-bg-white4;
		}
		&.n-page-iconBtn-cur{
			border: 1px solid $theme-color;
		}
	}
	.n-page-iconBtns{
		@include n-row2;
		gap:15px;
		@include n-center;
		>*{
			flex-shrink: 0;
		}
	}
	.n-page{
		text-align: right;
		margin-top: 20px;
	}
	
	.n-page-tabs{
		@include n-row2;
		overflow: hidden;
		width: 300px;
		height: 50px;
		padding: 5px;
		border-radius: 25px;
		background: $theme-bg-white4;
		align-items: stretch;
		>li{
			cursor: pointer;
			@include n-row2;
			font-size: 16px;
			border-radius: 20px;
			flex: 1;
			width: 0;
			color: $theme-text5;
		}
		.n-page-tabs-cur{
			background: $theme-color;
			color: #fff;
		}
	}
}

.n-page-tags{
	@include n-row1;
	margin-top: 10px;
	gap:10px;
	flex-wrap: wrap;
	align-content: flex-start;
	>*{
		cursor: pointer;
	}
}

.n-page-dialog.n-handle:not([__null__]){
	.n-handle-content{
		padding: 40px;
		border-radius: 20px;
	}
	.n-handle-header{
		font-size: 23px;
		>i{
			width: 40px;
			height: 40px;
			border-radius: 10px;
			font-size: 20px;
			background: $theme-bg-white4;
		}
	
		
		
	}
	.n-handle-form>li{
		display: block;
		margin-bottom: 20px;
		border-radius: 10px;
		.n-handle-form-label{
			padding: 7px;
			padding-left: 0;
			height: auto;
			justify-content: flex-start;
			width: 100%;
			font-size: 14px;
		}
		.n-handle-form-content{
			width: 100%;
		}
		.n-form>*{
			width: 100%;
		}
	}
	
	
	
}